<template>
    <div class="userdetail">
        <div class="userchil">
            <div class="user_img">
                <img src="@/assets/head_img.jpg" alt="" height="85px" width="85px">
            </div>
            <div class="user_edit">
                <div class="user_edit1">
                    <p class="p1">
                        <span>0</span>
                        <span>粉丝</span>
                    </p>
                    <p class="p2">
                        <span>54</span>
                        <span>关注</span>
                    </p>
                    <p class="p3">
                        <span>0</span>
                        <span>获赞</span>
                    </p>
                </div>
                <div class="user_edit2">
                    <div class="user_editBtn">编辑资料</div>
                </div>
            </div>
        </div>
        <div>
            <h2>Money张_</h2>
            <p>这个人很懒</p>
        </div>
    </div>
</template>

<script>
    export default {
        name: "userDetail",
        props:['userinfo']
    }
</script>

<style scoped>
    .userdetail{
        background-color: white;
        padding: 0 12px;
    }
    .user_img{
       margin-right: 20px;
    }
    .user_edit{
        flex: 1;
    }
    .userchil{
        display: flex;
    }
    .user_edit1{
        display: flex;
    }
    .p1 {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .p2{
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .p3{
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: 13px;
    }
    .user_editBtn{
        border-right: 1px solid #fb7a9f;
        padding: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fb7a9f;
        border-radius: 3px;

    }
    .user_edit2{
        padding: 5px 10px;
    }
</style>